<template>
  <el-card class="first">
  <div class="one">
  <el-form>
   <el-form-item><h3>考生信息</h3></el-form-item>
<!-- <div class="two">
<el-form-item label="考号:">
<el-input v-model="input" placeholder="请考生输入考好"></el-input>
</el-form-item>
<el-form-item label="身份证号:">
<el-input v-model="input"  placeholder="请考生输入生身份证号"></el-input>
</el-form-item>

</div> -->
<div class="item">
<el-form-item label="添加科目试卷" >
  <el-select v-model="value" placeholder="请选择考试科目">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
<el-button @click="ksym()">确认</el-button>
</el-form-item>
</div>
</el-form>

 </div>
 </el-card>
</template>

<script scoped="scoped">
  export default {
      data() {
        return {
          options: [{
            value: '选项1',
            label: '语文'
          }, {
            value: '选项2',
            label: '数学'
          }, {
            value: '选项3',
            label: '英语'
          }, {
            value: '选项4',
            label: '物理'
          }, {
            value: '选项5',
            label: '化学'
          }],
          value: ''
        }
      },
      methods:{
        ksym(){
          this.$router.push("/ksym")
        }
      }
    }
</script>

<style>
  /* .one{
    top: 0.625rem;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
  } */
  .two{
    width: 200px;

  }
  .first{
 height: 82vh;
  }
</style>
